var myChart = echarts.init(document.getElementById("main"));
    //放款进度
    myChart.title = '放款信息图';
		option = {
    color: ['#5cb3ff'],
    tooltip : {
        
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    
    xAxis : [
        {
        	splitLine:{show: false},
            type : 'category',
            data : ['2017-06', '2017-07', '2017-08', '2017-09', '2017-10', '2017-11', '2017-12','2018-01','2018-02','2018-03','2018-04'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {	
        	splitLine:{show: false},
            type : 'value'
        }
    ],
    series : [
        {
            type:'bar',
            barWidth: '8%',
            data:[10, 52, 200, 334, 390, 330, 220,334, 390, 330, 220]
        }
    ]
};

	myChart.setOption(option);
	
	
	
	
	
//还款信息图1
	var lendChart = echarts.init(document.getElementById("lendMap"));
	
	option1 = {
			backgroundColor: 'white',
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'none'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data:['预计可供偿债现金', '预计与应还差额'],
        x:150,
        y:330
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '8%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'value',
            splitLine:{show: false}
        }
    ],
    yAxis : [
        {
            type : 'category',
            axisTick : {show: false},
            legend:{
            	y:"right"
            },
            data : ['2015-03','2015-04','2015-05','2015-06','2015-07','2015-08','2015-09','2015-10']
        }
    ],
    series : [
        {
            name:'预计可供偿债现金',
            type:'bar',
            stack: '总量',
            itemStyle:{
                        normal:{
                            color:'#4f9ef3'
                        }
                   },
            label: {
                normal: {
                    show: false
                }
            },

            barWidth:"28%",
            data:[20, 2, 41, 74, 90, 50, 20,60]
        },
        
        {
            name:'预计与应还差额',
            type:'bar',
            stack: '总量',
            itemStyle:{
                        normal:{
                            color:'#ff7272'
                        }
                   },
            label: {
                normal: {
                    show: false,
                    position: 'left'
                }
            },
            data:[-20, -32, -1, -4, 9, -20, -10,-60]
        }
    ]
};
	lendChart.setOption(option1);
	
	
//差异率
    var myChart = echarts.init(document.getElementById("differenceRate"));
	option2 = {
		    tooltip: {
		        trigger: 'axis',
		        formatter:'{a}：{c}<br/>{a1}：{c1}<br/>{a2}：{c2}%',
		        axisPointer: {
		            type: 'none',
		            crossStyle: {
		                color: '#999'
		            }
		        }
		    },
		    toolbox: {
		        feature: {
		            dataView: {show: false, readOnly: false},
		            magicType: {show: false, type: ['line', 'bar']},
		            restore: {show: false},
		            saveAsImage: {show: false}
		        }
		    },
		    legend: {
		        data:['预计可供偿债现金','预计与应还差额','差异率'],
		        x:100,
		        y:322
		    },
		    xAxis: [
		        {
		            type: 'category',
		            data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
		            axisPointer: {
		                type: 'none'
		            }
		        }
		    ],
		    yAxis: [
		        {
		            type: 'value',
		            //name: '水量',
		            interval: 50,
		       		barGap: "50%",
		            axisLabel: {
		                formatter: '{value} '
		            },
		            splitLine:{show: false}
		        },
		        {
		            type: 'value',
		           // name: '温度',
		            interval: 5,
		            axisLabel: {
		                formatter: '{value} %'
		            },
		            splitLine:{show: false}
		        }
		    ],
		    series: [
		        {
		            name:'预计可供偿债现金',
		            type:'bar',
		            stack:"项目",
		            data:[-85, -40, 85, -23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
		             itemStyle:{
		                        normal:{
		                            color:'#ff7272'
		                        }
		                   },
		            barWidth: '18%'
		        },
		        {
		            name:'预计与应还差额',
		            type:'bar',
		            stack:"项目",
		            itemStyle:{
		                        normal:{
		                            color:'#4f9ef3'
		                        }
		                   },
		            data:[85, 90, -85, -26.4, 58.7, 70.7, 175.6, 182.2, 48.7, 98.8, 92.0, 138.3],
		            
		        },
		        {
		            name:'差异率',
		            type:'line',
		            yAxisIndex: 1,
		            itemStyle:{
		                        normal:{
		                            color:'#00a782',
		                            label:{
		                            	show:true,
			                            textStyle : {
										fontWeight : '700',
										fontSize : '12',
										color:'#00a782'
											},
											formatter:'{c}%',
		                            },
		                            
		                        }
		                   },
		            data:[-18, 0.2, 0.1, -8.5, 3, 5.2, 20.3, 20.4, 3.0, 1.5, 2.0, 6.2]
		        }
		    ]
		};

			myChart.setOption(option2);